@charset "utf-8";
@import url("animate.css");
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section,i,em {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;}
body,button,input,select,textarea {font:normal 14px/180% sans-serif,PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
body{background:#fff;color:#4A4A4A;font-size:14px;}ul,li {list-style:none;}
a {text-decoration:none;color:#4A4A4A}
a:hover {text-decoration:none;color:#026F38;}
small {font-size:0.9em;color:#888;}
h1,h2,h3,h4,h5,h6 {font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;line-height:1.35;}
pre,code,pre tt {font-family:Courier,'Courier New',monospace;}
.textwrap,.textwrap td,.textwrap th {word-wrap:break-word;word-break:break-all;}
.textwrap-table {table-layout:fixed;}
img {max-width:100%;}
input[type=submit],input[type=button]{-webkit-appearance:none;outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.img-cover{object-fit:cover}
i,em,cite { font-style: normal;}
::-webkit-scrollbar { width: 5px;height: 5px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #02B46F;border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
::-webkit-scrollbar-button {background-color:transparent;height: 3px;}
::-webkit-scrollbar-corner {background-color: #333;}
.fl {float:left;} .fr {float:right}
/* transition */
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
/* 图片高斯模糊 */
.blur {-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
/*----------- 头部 -----------*/
.bg-fix{position:fixed;z-index:9999;background:#fff;width:100%;box-shadow: 0 1px 10px rgba(26,26,26,.24);border-top:6px solid #00994D;}
.header {display:block;height:108px;position:relative;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:9;border:1px solid #999;}
.header .logo {float:left;overflow:hidden;height:108px;margin-left:-15px}
.header .logo h1,.header .logo div {height:100%;display:block;}
.header .logo a {height:100%;display:block;position:relative;font-size:0;overflow:hidden;margin-top:22px}
.header .logo a img {width:100%;}
.header .nav-bar {float:right;margin-top:15px;}
.header .nav-bar li {display:inline-block;height:78px;line-height:78px;position:relative;vertical-align:top;}
.header .nav-bar li a {display:inline-block;padding:0 30px;font-size:20px;position:relative;z-index:2;min-width:52px;text-align:center;}
.header .nav-bar li em[class*="dot"] {position:absolute;right:6px;z-index:1;width:12px;z-index:3;}
.header .nav-bar li em[class*="dot"] .iconfont {color:rgba(0,0,0,0.0);font-size:13px;width:12px;display:block;}
.header .nav-bar li a:hover {color:#026F38;transition: all 500ms ease;}
.header .nav-bar li.active:before{position: absolute;content: '';background: #02b46f;width: 0;height: 3px;left: 0px;right:0;margin:0px auto;bottom:18px;transition: all 500ms ease;-webkit-mask-image: linear-gradient(-75deg, rgba(2, 180, 111, 0.24) 50%, #02b46f 50%, rgba(0,0,0,1) 70%);-webkit-mask-size: 200%;animation: shine 2s infinite;}
.header .nav-bar li.on:before,.header .nav-bar li.active:before{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);}
.header .nav-bar li.active > a{color:#026F38;}
/*二级高亮*/
.header .nav-bar ul li>ul {width:100%;min-width:160px;position:absolute;top:100%;left:50%;transform:translateX(-50%);right:0;background:#fff;z-index:888;visibility:hidden;opacity:0;box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1);}
.header .nav-bar ul li>ul li {width:100%;height:42px;line-height:42px;display:block;}
.header .nav-bar ul li>ul li a {width:100%;text-align:center;height:42px;line-height:42px;font-size:14px;color:#222;opacity:1;padding:0 10px !important;}
.header .nav-bar ul li>ul li.on a:hover {color:#02b46f;}
.header .nav-bar ul li.on>ul {visibility:visible;opacity:1;}
.header .nav-bar ul li>ul li em[class*="dot"] {position:absolute;right:5px;left:auto;top:10px;z-index:3;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.header .nav-bar ul li.on>ul li em[class*="dot"] .fa {color:#6b7386;}
/*三级高亮*/
.header .nav-bar ul li>ul li .sub-menu {visibility:hidden;opacity:0;display:none;transform:none;left:-100%;}
.header .nav-bar ul li>ul li.on .sub-menu {right:-100%;left:auto;top:0;visibility:visible;opacity:1;display:block;}
.header .nav-bar ul li>ul li.on .sub-menu li a,.header .nav-bar ul li>ul li.on .sub-menu li a:hover {background:rgba(0,0,0,0);color:#6b7386);}
.header .nav-bar ul li>ul li.on .sub-menu li.on a,.header .nav-bar ul li>ul li.on .sub-menu li.on a:hover {color:#02b46f;}
/*移动端*/
.m-btn {float:right;margin:25px 10px 0 0;padding:0 15px;height:100%;display:none;line-height:56px;cursor:pointer;}
.m-btn i {color:rgba(0,0,0,0.7);font-size:22px;line-height:30px;}
.m-btn .icon-cuo{color:#fff;position:absolute;top:0px;right:15px;z-index: 999;float:none}
.m-btn:hover i {opacity:1}
.m-nav {width:70%;background:rgba(0,0,0,0.7);position:fixed;top:0;bottom:0;left:-70%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999;overflow-y: scroll;overflow-x: hidden;}
.m-nav .m-btn {height:48px;line-height:48px;left:auto;right:-45px;display:none;}
.m-nav ul {padding-top:0px;}
.m-nav li {width:100%;position:relative;}
.m-nav li a {padding:0 25px;line-height:48px;color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,0.08);}
.m-nav li a:hover {background:rgba(0,0,0,0.1);}
.m-nav ul li>ul {display:none;}
.m-nav li em[class*="dot"] {position:absolute;top:0px;right:0px;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer;}
.m-nav li em[class*="dot"] .fa {font-size:18px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;width:48px;line-height:48px;top:0;left:0;}
.m-nav li em[class*="dot"] .fa.open {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.m-nav ul li>ul li {background:rgba(0,0,0,0.15);}
.m-nav ul li>ul li a {border-bottom:1px solid rgba(255,255,255,0.05);opacity:0.8;font-size:14px;text-indent:1em}
.m-nav li .fa {font-size: 14px;}
/*搜索*/
.search {float:right;margin:35px 0px 0 0;position:relative;width: 36px;height:36px;text-align:center;border:1px solid #999;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.search i.iconfont {color:#777;line-height:33px;height:36px;font-size:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;display:block;}
.search i.iconfont:hover{opacity:1;}
.search .s-form {padding:20px;line-height:none;display:block;background:#fff;position:absolute;right:0;top:150%;display:none;box-shadow:0px 8px 20px 0px rgba(0,0,0,0.1);border:1px solid #eee;border-top:none;z-index:1;}
.search .s-form .sform {width:258px;padding-right:32px;position:relative;}
.search .s-form button {border:medium none;background:#00994D;position:absolute;top:0;right:0;cursor:pointer;}
.search .s-form button i {color:#fff;font-size:18px;height:32px;line-height:32px;padding:0 10px;width: 40px;}
.search .s-form button:hover {opacity:1}
.search .s-form .sinput {background:#f8f8f8;border:1px solid #eee;padding: 5px 0 0 10px;height:32px;line-height:32px;width:100%;font-size: 14px;}
.search .s-form .arrow {position:absolute;top:-17px;right:-2px;line-height:26px;color:#fff;font-size:20px;opacity: 1;}

.heartBeat{-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
.typing{width: 80%;top:30%;text-align: center;font-size: 1em;}
.breadnav{padding-bottom:0!important;}
.header .nav-bar li.active::before, .header .nav-bar li[class*="li-cate-"]::before{bottom:8px;}
.hidden-sm-md-lg{display:none;}
.primary-menus ul {overflow-x: scroll;white-space: nowrap;}
}

.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}
.mb-90{margin-bottom: 90px;}

.pt-25{padding-top: 25px;}
.pb-25{padding-bottom: 25px;}
.pt-50{padding-top: 50px;}
.pt-70{padding-top: 70px;}
.pt-75{padding-top: 75px;}
.pt-80{padding-top: 80px;}
.pt-85{padding-top: 85px;}
.pt-90{padding-top: 90px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.p-20{padding: 20px;}
.p-50{padding: 50px;}
.pt-70{padding-top: 70px;}
.pr-70{padding-right: 70px;}

.btn-radius{border-radius: 35px;}
a{color: #2F2E41; outline: none; text-decoration: none; transition: all 0.3s ease 0s;}
a:hover{color: #02B46F; outline: none; text-decoration: none;}
a:active, a:hover, a:focus{outline: 0 none; text-decoration: none;}
.form-control{transition: all 0.3s ease;}
.form-control:focus{box-shadow: none;}
.bg-primary{background: #02B46F;}
.bg-secondary{background: #002748;}
.bg-primary-light{background: #F4F7FF;}
.bg-shadow{box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.06);}
.bg-shadow:hover{box-shadow:0 1px 2px rgba(0,0,0,.02),0 10px 20px -4px rgba(0,0,0,.17);transform:translateY(-1px);}
.text-primary{color: #999 !important;}

.bg-white {background:#fff;padding:40px 0;overflow:hidden}
.bg-grey {background:#F5F9FC;padding:40px 0;overflow:hidden}

.title-head {clear:both;width:100%;overflow:hidden; position:relative}
.title-head h2 {float:left;width:100%;min-width:330px;height:40px;line-height:40px;font-size:30px;font-weight:400;color:#444}
.title-head h4 {float:left;width:auto;height:40px;line-height:40px;font-size:18px;font-weight:bold;color:#008945;margin:0 15px;}
.title-head i {float:left;width:36px;height:36px;line-height:36px;font-size:22px;margin-top:2px;overflow:hidden;background:#008945;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;color:#fff;}
.title-head cite {position:absolute;top:5px;right:0;color:#999} .title-head cite a {color:#999}.title-head cite a:hover {color:#008945}
.text-primary{font-size: 14px !important;line-height:40px;}
.text-center{text-align:center!important}

#itab1 {position:absolute;right:0;top:10px;width:auto;height:30px;margin:0px auto;overflow: hidden;border:1px solid #008945;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#itab1 li {float:left;cursor:pointer;height:30px;line-height:26px !important;overflow:hidden;font-size:16px;min-width:55px;text-align:center;}
#itab1 li a {color:#008945}
#itab1 li.now{background:url(../images/itab_bg.png) #008945 no-repeat right 0 !important;color:#fff;width:65px;padding:0 10px 0 0;}
#itab1 li.now a {color:#fff;}
#itab1 li+li.now {background:url(../images/itab_bg_on.png) #008945 no-repeat 0 0 !important;padding:0 0 0 10px}
#itab2 {clear:both;width:100%;margin:0px auto 40px;text-align:center;display:inline-table;border-bottom:1px solid #ddd;padding:0;}
#itab2 li { display:inline-block;cursor:pointer;height:40px;line-height:30px;margin:0 5%;font-size:16px; position:relative;padding:0;}
#itab2 li.now{height:40px !important;color:#008945;font-weight:bold;}
#itab2 li.now:after{position: absolute;content: '';background: #026F38;width:100%;height:2px;right:0;bottom:-1px;transition: all 300ms ease;}
#itab2 li.now a{color:#008945;}
.itablist{width:100%;line-height:24px;padding:0px 0;display:none;margin:0;}
#itablist1,.itablist ul{height:270px}
.block{display:block; }

.trading-items {width:48%;overflow:hidden;margin:0px 0 0}
.trading-items li {float:left;width:-webkit-calc(100% - 5px); width:-moz-calc(100% - 5px); width:calc(100% - 5px); line-height:20px;margin:0 0 0 5px;padding:8px 0 12px 20px;border-left:1px solid #eee;position:relative;z-index:1;font-size: 15px;}
.trading-items li i {position:absolute;z-index:2;left:-5px;top:14px;width:9px;height:9px;border:2px solid #fff;background:#ccc;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
.trading-items li:hover i {border:2px solid #fff;background:#01924A;}
.trading-items li cite {float:right;color:#888;}
.trading-items li.on i {background:#fff;border:2px solid #01924A;}
.trading-items li.on {color:#01924A;font-size:22px;}
.trading-items li.top i {background:#fff;border:2px solid #F00;}
.trading-items li.top {color:#F00;}

.other-bnt {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top:30px;width:100%;overflow:hidden;}
.other-bnt li {float:left;min-width:100px;}
.other-bnt li i { display:inline-block;width:40px;height:40px;line-height:40px;font-size:22px;text-align:center;color:#01924A;background:#EBF6FF;overflow:hidden;margin-right:15px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;overflow:hidden}.other-bnt li span { display:inline-block;height:40px;line-height:40px;overflow:hidden}
.other-bnt li:hover i {color:#fff;background:#01924A;transition: all 0.3s ease;}

/*.dynamic-items{clear:both;width:100%;transition: all 0.3s ease;overflow:hidden;}*/
.dynamic-items {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}
.dynamic-items .pic{width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);position: relative;}
.dynamic-items .pic img{width: 100%;height:100%;transition: all 0.3s ease;max-height:392px;}
.dynamic-items .pic h4{ position:absolute;left:0;width:100%;bottom:0;height:55px;line-height:55px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;}
.dynamic-items .pic h4 a {color:#fff;}
.dynamic-items .list {width: calc(50% - 10px);display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: justify;justify-content: space-between;}
.dynamic-items .list li{box-shadow: 0 0 10px rgb(0 0 0 / 10%);max-height:186px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);cursor: pointer;position: relative;border-bottom: 4px solid #94070a;background:#fff;}
.dynamic-items .list li:nth-child(-n+2) {margin-bottom: 20px;}
.dynamic-items .list li:nth-child(3n+1):before {content: "";background: url(../images/bg.svg) right bottom no-repeat;background-size: contain;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.dynamic-items .list li p {padding: 40px 30px;position: relative;font-size:16px;}
.dynamic-items .list li:hover{box-shadow:0 1px 2px rgba(0,0,0,.02),0 10px 20px -4px rgba(0,0,0,.17);}

.procurement {display: -webkit-box;display: -ms-flexbox;display: flex;}
.procurement .title {text-align: left;max-width: 50px;}
.procurement .title h2 {writing-mode: tb-lr;writing-mode: vertical-lr;font-size:30px;font-weight:400;line-height: 1.3;color:#555;}
.procurement .list {margin-left: 80px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.procurement .list ul {float:left;width:100%;border-left:1px solid #eee;border-top:1px solid #eee;overflow:hidden;}
.procurement .list li {float:left;width:33.33333333333%;overflow:hidden;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;height:160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.procurement .list li:last-child {background: url(../images/caigou_bg.png) right bottom no-repeat;}
.procurement .list li h4 {padding:20px 20px 10px;font-size:16px;font-weight:bold}
.procurement .list li p {padding:0px 20px 10px;line-height:150%;}
.procurement .list li .date {padding:0px 20px 20px;color:#999;font-size:14px;}
.procurement .list li .date i { display:inline-block;padding-right:8px;font-size:16px;}
.procurement .list li .more {margin:20px;}

.customer {clear:both;margin:0 -15px;overflow:hidden}
.customer li {float:left;width:-webkit-calc(25% - 30px); width:-moz-calc(25% - 30px); width:calc(25% - 30px);margin:0 15px;}
.customer li{transition: all 0.3s ease; border-radius: 5px; margin-bottom:50px;background: #fff;}
.customer li .img-box{padding: 0px;overflow: hidden;height: 172px;background: #eee; border-radius: 5px 5px 0px 0px;}
.customer li .img-box img{ width: 100%;height:100%;transition: all 0.3s ease;}
.customer li h4{margin:15px 0 10px;font-size:16px;}
.customer li:hover .img-box img{transform: scale(1.1) rotate(0deg);}
.customer li .content{padding:10px 20px;display: flex; flex-direction:column}
.customer li p{margin-bottom:0px;font-size:14px;color:#666}
.customer li .read-more{padding:0px 20px 20px;line-height:22px;text-transform: uppercase;color:#00994D;display:inline-table}
.customer li .read-more i{margin:4px 0 0 6px;display:inline-block; transition: all 0.4s ease;}
.customer li .read-more:hover i{ margin:4px 0 0 15px;font-weight:800}
.customer li .read-more a {color:#00994D;}

.Inside_item {float:left;width:96%;line-height:22px;overflow: hidden;margin:10px 2% 12px;}
.Inside_item li {float:left;width:100%;line-height:36px;padding:4px 0;font-size:14px;OVERFLOW: hidden;}
.Inside_item .line {float:left;width:100%;height:1px;border-top:1px dashed #ddd;margin:15px 0 10px;overflow:hidden;}

/*---------------------*/
.footer{background:#0F111D !important;}
.footer-copyright{padding: 15px 0px; }
.footer-copyright p{margin-bottom: 0px; color: rgba(250,250,250,0.7);}
.footer-copyright a{color: rgba(250,250,250,0.7);}
.footer-copyright a:hover {text-decoration:none;color:#026F38;}
.footer-con {float:left;width:100%;overflow:hidden;padding:25px 0 15px; color: #fff;border-bottom: 1px solid rgba(250, 250, 250, 0.15);}
.foot-phone {float:left;width:320px;margin-right:30px;overflow:hidden;}
.foot-phone i {float:left;width:60px;height:60px;line-height:60px;font-size:48px;overflow:hidden;}
.foot-phone span {float:left;width:120px;line-height:26px;}
.foot-phone p {float:left;font-size:30px;}
.footer-con .foot-contact {float:left;width:auto;}
.footer-con .foot-contact li{margin-bottom:8px;font-size: 14px;}
/*返回顶部*/
#backtop{display:block;box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);display:none;position:fixed;right:2%;bottom:170px;color:#6b7386;font-size:16px;text-align:center;cursor:pointer;transition:all .3s linear;background: #fff;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;}
#backtop:hover{color:#ff3636;}

.sub-bg-grey {background:#F5F9FC;padding:20px 0 15px;overflow:hidden}
.sub-bg-grey .container {background:#fff!important;padding:10px 20px 20px;box-shadow:0 1px 2px rgba(0,0,0,.02),0 10px 20px -4px rgba(0,0,0,.07);}
.b_line{border-bottom:solid #eee 1px;}
.i_title {float:left;width:100%;overflow:hidden;margin-bottom:20px}
.i_title i {float:left;width:24px;line-height:30px;color:#999;overflow:hidden;}
.position {float:left;overflow:hidden;height:30px;color:#999;line-height:30px;font-size:14px;margin-bottom:8px}
.position a {color:#999;}
.position em {color:#02b46f;font-weight:bold}
.inside_left {float:left;width:260px;padding-right:19px;overflow:hidden;border-right:solid #eee 1px;}
.inside_right {float:left;width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px);overflow:hidden;margin-left:-1px;border-left:solid #eee 1px;min-height:500px;_height:expression(this.scrollHeight < 500 ? "500px" : "auto");}
.page_nav {clear:both;overflow:hidden;margin:20px auto 5px;text-align:center;width:100%;font-size:12px; display:inline-table}
.page_nav li {display:inline-block;height:32px;text-align:center;line-height:32px;overflow:hidden;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.page_nav li i {display:inline-block;width:32px;height:32px;text-align:center;line-height:32px;overflow:hidden;background:#eee;margin:0 2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.page_nav li i.active{background:#00994D;color:#fff;border:0;}
.page_nav li i.active a {color:#fff;}
.page_nav li.disabled {display:inline-block;height:32px;text-align:center;line-height:32px;overflow:hidden;background:#ddd;margin:0 4px;padding:0 8px;}

.inside_right2 {float:left;width:100%;overflow:hidden;min-height:500px;_height:expression(this.scrollHeight < 500 ? "500px" : "auto");}
.inside_right2 .info_item {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);padding:0px 10px 10px;}

.info_item {float:right;width:96%;overflow:hidden;/*padding:10px 0;*/transition: all 0.3s ease;}
.info_item li {float:left;width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);height:52px;line-height:52px;overflow:hidden;color:#4A4A4A;background: url(../images/ico.gif) 0 50% no-repeat;padding-left:20px;font-size:16px;}
.info_item li a{color:#4A4A4A;padding:0 5px;}
.info_item li:hover {background: url(../images/ico.gif) #F7F8F9 0 50% no-repeat;}
.info_item li cite {float:right;color:#aaa;}
.info_item .line {float:left;width:100%;height:1px;border-top:1px dashed #ddd;margin:20px 0;overflow:hidden;}

.left_menu{float:left;width:100%;padding:0px 0;overflow:hidden;}
.left_menu .title{float:left;width:100%;height:42px;line-height:40px;cursor:pointer;font-size:14px;position:relative;color:#036F39;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.left_menu .title:hover,.left_menu .title.active {color:#fff;background:#036F39;transition: all 0.3s ease;}
.left_menu .title:hover a,.left_menu .title.active a{color:#fff;}
.left_menu .title a{color:#02b46f;}
.left_menu .title i{font-size:20px;height:42px;line-height:40px;position:relative;margin:0px 8px 0 18px;font-weight:400;overflow:hidden}
.left_menu .title cite{font-size:8px;position:absolute;top:2px;color:#ABC4EE; right:10px;z-index:999;transform: rotate(0deg);}
.left_menu .title cite.on {transform: rotate(180deg)}
.left_menu dd{float:left;width:100%;line-height:42px;font-size:14px;padding:0 0 0 0px;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:8px;overflow:hidden}
.left_menu dd span{float:left;width:28px;height:30px;margin:6px 6px 0;}
.left_menu dd .sitems{display:none;text-align:left;}
.left_menu dd:first-child .sitems{display:block;}
.sitems {float:left;width:100%;padding:10px 0 15px;max-height:500px;line-height:32px;overflow-x:hidden;overflow-y:auto;}
.sitems li{float:left;width:100%;height:40px;line-height:40px;padding:0px 0px 0px 55px;font-size:14px;overflow:hidden;color:#666;}
.sitems li a {color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.sitems li.active,.sitems li.active:hover {color:#036F39;display:block;background:rgba(0,0,0,0.05);}
.sitems li.active i {background:#02b46f;}
.sitems li.active a {color:#02b46f;font-weight:bold}
.sitems li span{float:left;width:30px;height:38px;overflow:hidden;margin:0;}
.sitems li i{ display:inline-block;width:7px;height:7px;overflow:hidden;margin-right:10px;background:#ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.sitems li:hover{background:rgba(0,0,0,0.10);}
/*内容页样式*/
.info_content {overflow:hidden;padding:20px 20px;}
.stitle {float:left;width:100%;text-align:center;overflow:hidden;margin:0 0 30px;}
.stitle h1 {float:left;width:100%;line-height:160%;overflow:hidden;font-size:30px;font-weight:800;}
.stitle span {float:left;width:100%;line-height:200%;color:#999;font-size:12px;margin-top:8px}
.scont {float:left;width:96%;padding:5px 2%;line-height:200%;min-height:300px;overflow:hidden;white-space:normal; word-break:break-all;font-size: 16px;}
.scont p {text-indent: 2em;}
.scont img {max-width: 92%;text-indent:0}
.scont_bnt {float:right;margin-top:20px;background:#036F39;height:32px;line-height:30px !important;padding:0 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;overflow:hidden}
.scont_bnt i { display:inline-block;margin-right:4px;font-size:18px !important}.scont_bnt a {color:#fff;}
/*搜索中心*/
.search-title{float:left; width:100%;height:42px; line-height: 42px;position:relative;overflow: hidden;background: #eee;}
.search-title h3{ float:left;height:42px;line-height: 42px;font-size: 18px; padding:0 0px 0 40px;overflow: hidden;font-weight:bold;color:#074ed2;}
.search-title:before{content: "";width:4px;position: absolute;height:15px;top: 50%;left:20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #074ed2;}
.wrap-search {clear:both;width:80%;margin:20px auto;overflow:hidden;}
.hot-sear span {float:left;padding:0;margin:0}
.hot-sear {float:left;width:100%;border:3px solid #00994D;box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;overflow:hidden}
.hot-inp {width:80%;height:40px;border:0px;padding:0 8px;background:#fff;}
.hot-inp:hover {border:0px;}
.hot-sear input[type=text]:focus,.hot-bnt:focus{border-color: #fff; outline: 0;border-color:#fff; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .0); box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .0); }
.hot-bnt {float:right;width:60px;height:40px;line-height:40px;border:0;background:#00994D;color:#fff;cursor:pointer}
.hot-bnt:hover {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}

.hot-word {float:left;width:100%;overflow:hidden;margin:15px 0;}
.hot-word h4 {float:left;width:70px;height:30px;line-height:30px;color:#F90}
.hot-word .items {float:Left;width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); overflow:hidden;}
.hot-word .items li {float:left;height:28px;line-height:28px;padding:0 15px;margin:3px;background:#eee;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;overflow:hidden;}


.zhuanti-bg-grey {background:#F5F9FC;padding:20px 0 15px;overflow:hidden}
.zhuanti-bg-grey .container {padding:0;}


.zhuanti-items .study{background: #fff;width: 451px;margin-top: 29px; padding: 24px 12px; height: 420px; box-sizing: border-box; box-shadow: 0px 2px 6px 0px rgba(204, 204, 204, 0.35); text-align: center; display: flex; flex-direction: column;}
.zhuanti-items .study li{flex: 1; border-top: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333; cursor: pointer;}
.zhuanti-items .study li:first-child{border-top: unset;}
.zhuanti-items .study li:hover .num{color: #D4003D;}
.zhuanti-items .num{font-size: 24px; margin-right: 32px; color: #999; margin-top: 3px;}

.zhuanti-items{flex: 1; height: 493px;margin-right:15px;}
.zhuanti-items:last-child {margin-right:0px;}
.zhuanti-items .zhuanti-head{border-bottom: 2px solid #e5e5e5;}
.zhuanti-items .zhuanti-head h4 {display: inline-block; font-size:20px; height: 38px; color: #D4003D; font-weight: 400; cursor: pointer;}
.zhuanti-items .zhuanti-head cite{float: right; color: #999;cursor: pointer;}
.zhuanti-items .zhuanti-head cite a{color: #999}
.zhuanti-items .line{width: 37px; height: 4px; background-color: #D4003D;}
.zhuanti-items .zt-list{float:left;overflow:hidden;width: 459px; background: #fff; margin-top: 29px; padding: 24px 20px 0; height: 420px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow: 0px 2px 6px 0px rgba(204, 204, 204, 0.35);}
.zhuanti-items .headlines {display: flex; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.zhuanti-items .headlines:first-child:hover .Date{background-color:#bbbbbb; border-color: #bbb;}
.zhuanti-items .headlines:first-child:hover .month,.zhuanti-items .headlines:first-child:hover .day{color: #fff;}
.zhuanti-items .headlines:first-child:hover .dateLine{background: #fff;}
.zhuanti-items .headlines .Date{width: 60px; height: 80px; background-color: #ffffff; border: solid 1px #666666; text-align: center; font-weight: 400;}
.zhuanti-items .headlines .Date .month{transform: scale(0.73,0.73) ;*font-size:8px;letter-spacing: 1px; color: #333333; margin-top: 10px;line-height:100%;}
.zhuanti-items .headlines .Date .dateLine{width: 20px; height: 1px; margin: 4px auto 12px; background: #333;}
.zhuanti-items .headlines .Date .day{font-size: 34px; letter-spacing: 2px; color: #333333;}
.zhuanti-items .headlines .Content{flex: 1; margin-left: 20px; color: #333;}
.zhuanti-items .headlines .Content .title{font-size: 18px; text-shadow: 0 0 0 #333;}
.zhuanti-items .headlines .Content .desc{letter-spacing: 1px; font-size: 14px; margin-top: 16px;}
.zhuanti-items .zt-list li{float:left;width:100%;margin-top: 30px; display: flex; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; cursor: pointer;}
.zhuanti-items .zt-list li:hover a,.zt-list li:hover cite{color: #D4003D;}
.zhuanti-items .zt-list li span{float:left;font-size: 14px; line-height: 20px;flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zhuanti-items .zt-list li cite{font-size: 12px; line-height: 20px; color: #999;float:right}
.form-line{float: left;width: 100%;height: 10px;margin: 10px 0 20px;border-bottom: 1px solid #eee;overflow: hidden;}
.form-group,.form-group2{float: left;width:50%;line-height: 32px;overflow: hidden;vertical-align: middle;margin: 8px 0;font-size: 14px;position: relative;}
.form-group label,.form-group2 label{line-height: 32px;padding-right: 20px;text-align: right;}
.form-group i,.form-group2 i{width: 22px;margin: 5px;overflow: hidden;color: #000;text-align: center;}
.form-group em,.form-group2 em{position: absolute;z-index: 1;color: #f00;right: 0;text-align: right;font-size: 13px;}
.form-group span{float: left;margin: 0 15px;position: relative;}
.form-radio{float: left;margin: 8px 6px 0 0;}
.form-group-left{float: left;position: relative;overflow: hidden;}
.form-group-right{float: right;position: relative;overflow: hidden;}
.form-control{width: 100%;padding: 0px 10px;height: 32px;overflow: hidden;border: solid #ddd 1px;overflow: hidden;font-size: 14px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-sizing: border-box;}
.form-select{width: 100%;padding: 6px 15px;line-height: 20px;background: #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;color: #797878;border: solid #ddd 1px;overflow: hidden;font-family: Microsoft YaHei;overflow: hidden;box-sizing: border-box;}
.form-item{clear: both;width: 100%;overflow: hidden;margin: 10px auto 15px;padding: 0px 0;}
.user_bnt{display: inline-block;width: auto;padding: 0 25px;height: 36px;line-height: 36px;border: 0;color: #fff;background: #02b46f;cursor: pointer;margin: 10px auto;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;}
a.user_bnt{color: #fff;}
.user_bnt:hover,
.user_bnt2:hover{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.user_bnt2{display: inline-block;width: auto;padding: 0 25px;height: 36px;line-height: 36px;border: 0;color: #02b46f;background: #eee;cursor: pointer;margin: 10px auto;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;}
.col-md-2{width: 25%;}
.col-md-2{position: relative;min-height: 1px;}
.col-md-4{width: 70%;}
.col-md-4{position: relative;min-height: 1px;}
.col-md-6{position: relative;min-height: 1px;}
.col-md-2,.col-md-4{float: left;}
.col-md-1 {width:80%;clear:both;margin:auto;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content:space-between;}

.form-group cite {position: absolute;z-index: 1;color: #222;right:5px;text-align: right;font-size:22px;width:40px;text-align:center;}
.form-group2 {width:100%;}
.form-title{float:left; width:100%; margin:25px 0 5px; height: 38px; line-height: 38px;position:relative;padding-left:15px;color: #02b46f;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form-title:before {content: "";width: 3px;position: absolute;height: 15px;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #02b46f;}
.process_complete{float: Left; width: 100%; overflow: hidden; text-align: center; margin: 15px 0;}
.process_complete i{display: inline-block; width: 80px; line-height: 80px; height: 80px; background: #02b46f; font-size: 40px; color: #fff; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;}
.process_complete p{float: Left; width: 100%; overflow: hidden; line-height: 180%; margin: 5px 0;}
.process_complete h4{float: Left; width: 100%; overflow: hidden; line-height: 180%;margin:15px 0 0;font-size:16px;}
.user_bnt{display: inline-block;width: auto;padding: 0 25px;height: 36px;line-height: 36px;border: 0;color: #fff;background: #02b46f;cursor: pointer;margin: 10px auto;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;}
a.user_bnt{color: #fff;}
.user_bnt:hover,
.user_bnt2:hover{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.user_bnt2{display: inline-block;width: auto;padding: 0 25px;height: 36px;line-height: 36px;border: 0;color: #02b46f;background: #eee;cursor: pointer;margin: 10px auto;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;}


@media only screen and (max-width:1200px) {
    .container  {padding:0 10px;max-width:1180px;}
    .header .logo a img {width:100%;}
    .header .nav-bar li {height:68px;line-height:68px;}.header .nav-bar li a {padding:0 20px;}
}
@media only screen and (max-width:1099px) {
    body{padding-top:108px;}
    .container{max-width:1070px;padding:0 10px;}
    .header {position:fixed;top:0;width:100%;z-index:898;}	.header .logo a img {width:370px;}
    .header .logo a {margin-top:26px}
    .darkmode i{font-weight:900;}
    .m-btn {display:none;}
    .nav-position {margin-top: 15px;}.header .nav-bar li a {padding:0 15px;font-size:14px;}
    .header .nav-bar li.on:before,.header .nav-bar li.active:before{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);}
    .customer li .img-box {height:100px;}
    .customer {margin:0 -10px;}
    .customer li {width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px);margin:0 10px 20px;}
}
@media (min-width:992px){.container{padding:0 10px;max-width:1180px;}
    .customer li .img-box {height:140px;} }
@media only screen and (max-width:768px) {
    .header .logo a img {width:290px;}
    .nav-bar {display:none;}
    .darkmode i{font-weight:900;}
    .m-btn {display:block;}
    body.open .m-nav {left:0px;}
    body.open .m-btn {display:none;}
    body.open .m-nav .m-btn {display:block;}
    .nav-position {margin-top: 20px;}
    .trading-items {width:100%}

    .dynamic-items {display:block;}
    .dynamic-items .list{width:100%;margin-bottom:15px;}
    .dynamic-items .list li{height:auto;width:calc(50% - 7.5px);}
    .dynamic-items .list li:nth-child(-n+2){margin-bottom:15px;}
    .dynamic-items .list li:before{display:none;}
    .dynamic-items .list li p{padding:35px 25px;font-size:14px;}
    .dynamic-items .pic{width:100%;margin-bottom:15px;}
    .procurement .list li {width:50%;}
    .procurement .list {margin-left:50px;}
    .customer {margin:0 -10px;}
    .customer li {width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px);margin:0 10px 20px;}
    .customer li .img-box {height:150px;}
}

.container{margin-right:auto;margin-left:auto;}
.container:after,.container:before{content:"";display:table}
.container:after{clear:both}

@media (min-width:1400px){.container{max-width:1400px;padding:0}}
.company-item{transition: all 0.3s ease; border-radius: 5px; margin-bottom:50px;background: #fff;}
.company-item h4{height:48px;line-height:48px;color:#fff;font-size:18px;background:rgba(2,86,194,.6);-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.company-item h4 a {color:#fff;margin-left:20px}
.company-item .company-content{padding: 20px 20px;display: flex; flex-direction:column}
.company-item p{font-size:14px;color:#666}
.company-item .read-more{margin-top: 10px;text-transform: uppercase;}
.company-item .read-more i{margin-left: 10px; transition: all 0.4s ease;}
.company-item .read-more:hover i{margin-left: 15px;}
.company-item:hover h4 {background:rgba(2,86,194,1.0);}


.Inside_left {float:left;position:relative;min-height:820px;width:100%;z-index:2;overflow:hidden;padding:0;margin:30px 0 0 10px;background:#eee;}
.sub_nav_h4 {float:left;width:100%;line-height:46px;text-align:center;padding:15px 0;font-size:18px;color:#fff;font-weight:bold;background:#0254c4}
.sub_nav {float:Left;width:100%;overflow:hidden;padding:0px 0;}
.sub_nav li {float:Left;width:100%;line-height:32px;overflow:hidden;padding:5px 0;text-align:center;font-size:14px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.sub_nav li:hover {font-weight:bold;background:#0C9}
.sub_nav li.on {font-weight:bold;background:#0C9}
.sub_nav li.on a,.sub_nav li:hover a{color:#fff;}


.contact-icon{width: 70px; height: 70px; background: #F5F5F5; text-align: center; font-size: 25px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;display: flex; align-items: center; justify-content: center; float: left; margin-right: 30px; transition: all 0.4s ease;}
.contact-icon i{font-size:32px;}
.contact-info-single{margin-bottom: 40px; background: #fff; box-shadow: 0px 8px 24px rgba(140, 140, 140, 0.05); padding: 40px 30px; transition: all 0.4s ease;}
.contact-info-single i{color: #02B46F; transition: all 0.4s ease;}
.contact-info-single h4{font-weight:bold;color:#333;margin-bottom: 10px; transition: all 0.4s ease;}
.contact-info-single .contact-info{overflow: hidden;}
.contact-info-single:hover h4{color: #02B46F;}
.contact-info-single:hover .contact-icon{background: #02B46F;}
.contact-info-single:hover .contact-icon i{color: #fff;}

.stitle h1 {font-size:24px;}
.title-attr {float:Left;width:100%;padding:10px 0;margin:30px auto 20px;overflow:hidden;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;text-align:center}
.title-attr li {float:left;height:32px;line-height:32px;overflow:hidden;margin:5px 0;display: -webkit-box;display: -ms-flexbox;display: flex;}
.title-attr li i {display:inline-block;width:32px;height:32px;background: #02B46F;font-size: 22px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;text-align:center;color:#fff;}
.title-attr li span {display:inline-block;padding:0 30px 0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}


@media only screen and (max-width:428px) {
    body{padding-top:70px;}
    .header,.header .logo {height:58px;margin-left:0px}
    .header .logo a {margin-top:18px}
    .header .logo a img {width:260px;}
    .nav-bar { display:none}
    .search {margin-top:15px;margin-right:2px}
    .m-btn {display:block;}
    body.open .m-nav {left:0px;}
    body.open .m-btn {display:none;}
    body.open .m-nav .m-btn {display:block;}
    .m-btn {margin:10px 0px 0 0;}
    .wrap-search {width:100%;margin:10px auto;}
    .hot-inp {min-width:180px;height:40px;border:0px;padding:0 8px;background:#fff;}

    .dynamic-items .list li p{padding:15px;font-size:14px;}
    .procurement .list li {width:100%;}
    .procurement .list {margin-left:40px}
    .customer li {width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);margin:0 15px 20px;}
    .customer li .img-box {height:150px;}
    .inside_left,.inside_right{width:100%;border:0;}
    .scont {float:left;width:100%;padding:5px 0;}
    .inside_right2 .info_item {width:100%;padding:0px 0px 10px;}
    .other-bnt li {float:left;min-width:60px;width:20%;text-align:center}
    .other-bnt li i {margin-right:0px;}.other-bnt li span {height:20px;line-height:20px;}
    .zt-list,.study,.form-item{width:100%;}
    .zhuanti-items {width:94%;margin:0px 3% 20px;}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6{float:left;width:100%;text-align:left !important;}
    .timeline-item li {width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px);margin-left:60px;}
    #itablist1,.itablist ul{height:auto}
}


#full-screen-slider {width:100%;height:430px;float:left;position:relative}
#slides { display:block; width:100%; height:430px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:350px; top:370px; z-index:999;width:240px;}
#pagination li { display:block; list-style:none; width:70px; height:3px;float:left;margin-left:10px;background:rgba(250,250,250,0.45)}
#pagination li a { display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current {background:rgba(250,250,250,1.0)}


.stitle h2 {float:left;width:100%;line-height:160%;overflow:hidden;font-size:24px;font-weight:400;text-align:center;margin:20px 0px 20px}
.stitle h4 {float:left;width:100%;line-height:160%;overflow:hidden;font-size:24px;font-weight:400;text-align:left;margin:0px 15px 0px}
.overview {float:left;width:50%;overflow:hidden;margin:40px 0;}
.overview-tj {overflow:hidden;display: -webkit-box;display: -webkit-flex;display: flex;justify-content:flex-center;margin-top:30px;width:100%;}
.overview-tj li {float:left;width:33.333333%;min-width:100px;text-align:center;}
.overview-tj li i { display:inline-block;width:54px;height:54px;line-height:54px;font-size:26px;text-align:center;color:#01924A;background:#EBF6FF;overflow:hidden;border-radius:27px;-moz-border-radius:27px;-webkit-border-radius:27px;overflow:hidden}
.overview-tj li span {float:left;width:100%;line-height:160%;overflow:hidden}
.overview-tj li em {float:left;width:100%;line-height:160%;overflow:hidden;font-size:32px;}
.overview-tj li em font {font-size:14px !important;}
.overview-tj li:hover i {color:#fff;background:#01924A;transition: all 0.3s ease;}
.overview-img {float:right;width:50%;overflow:hidden;margin:40px 0;}
.zj-item {float:left;width:100%;overflow:hidden;margin:40px 0;}
.zj-item h2 {float:left;width:100%;line-height:160%;overflow:hidden;font-size:28px;color:#1A7B5D;font-weight:600;text-align:center;background: url(../images/zj_bg.png) center bottom no-repeat;padding-bottom:150px;}
.zj-sub {overflow:hidden;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width:100%;}
.zj-sub li {width:200px;height:260px;text-align:center;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.09);justify-content:space-between;margin:5px 5px 12px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.zj-sub li:hover {box-shadow:0 1px 2px rgba(0,0,0,.02),0 10px 12px -4px rgba(0,0,0,.17);transform:translateY(-2px)}
.zj-sub li i { display:inline-block;width:56px;height:56px;line-height:52px;font-size:17px;text-align:center;color:#fff;overflow:hidden;background: url(../images/ico-zj.png) no-repeat;overflow:hidden;margin:40px 0 10px;}
.zj-sub li span {float:left;width:100%;line-height:160%;overflow:hidden;font-size:20px;}
.zj-sub li p {padding:10px 20px;color:#999;font-size:14px;display:inline-block}
.about-contact {float:left;width:100%;height:500px;background: url(../images/about_map.jpg) right top no-repeat;display: -webkit-box;display: -webkit-flex;display: flex;flex-direction:column}
.about-contact-item {font-size:24px;margin-bottom:50px;}
.about-contact-label {font-size:16px;line-height:200%}

.develop {position: relative;width: 100%; max-width: 1220px;padding:40px 0px ; margin: auto;}
.develop .arrow{display: block;top:100px;position: absolute; color: #01924A; cursor: pointer; font-size:17px;background:#fff;color:#01924A;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;z-index: 22222222;border-radius:27px;-moz-border-radius:27px;-webkit-border-radius:27px;border:1px solid #eee;box-shadow:2px 2px 12px rgba(0,0,0,.12);}
.develop .arrow:before{cursor: pointer;}
.develop .arrow:hover{color:#fff;background:#01924A;}
.develop .arrow.left{left: 70px;}
.develop .arrow.right{right: 70px;}
.develop .dots{text-align: center; position:relative; width: 100%; display: block; height:82px;margin:20px 0 0;overflow:hidden;}
.develop .dots .dot{list-style-type: none; display: inline-block; padding:0 50px;height:82px;text-align:center;line-height:82px;color:#777;font-weight:900 ;cursor: pointer; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;position: relative;}
.develop .dots .dot.active,.develop .dots .dot:hover{font-size:66px;color:#DFE3EF;}
.develop .aboutcont{float:left;width:100%;min-height:360px;position: relative;overflow: hidden;margin:50px 0 0;}
.develop .aboutcont > div{text-align: center; position: absolute; top: 100; left: 0; padding: 0 0 20px 0; opacity: 0;}
.develop .aboutcont > div.inactive{opacity: 1;}
.develop .aboutcont > div.active{position: relative; opacity: 1;}
.develop .aboutcont div .img img{display: block; width:638px;margin: auto;margin-bottom:50px;}
.develop .aboutcont div p{font-size:16px; text-indent:2em;text-align:left;line-height:200%;width: 70%; margin:15px auto;}
.develop .aboutcont div.active .img img{-webkit-animation: testim-show .5s ease-in-out forwards; -moz-animation: testim-show .5s ease-in-out forwards; -ms-animation: testim-show .5s ease-in-out forwards; -o-animation: testim-show .5s ease-in-out forwards; animation: testim-show .5s ease-in-out forwards;}
.develop .aboutcont div.active p{-webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards;}
.develop .aboutcont div.inactive .img img{-webkit-animation: testim-hide .5s ease-in-out forwards; -moz-animation: testim-hide .5s ease-in-out forwards; -ms-animation: testim-hide .5s ease-in-out forwards; -o-animation: testim-hide .5s ease-in-out forwards; animation: testim-hide .5s ease-in-out forwards;}
.develop .aboutcont div.inactive p{-webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards;}
@-webkit-keyframes testim-scale{0%{-webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;} 35%{-webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;} 70%{-webkit-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e;} 100%{-webkit-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e;}}
@-moz-keyframes testim-scale{0%{-moz-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;} 35%{-moz-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;} 70%{-moz-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e;} 100%{-moz-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e;}}
@-ms-keyframes testim-scale{0%{-ms-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;} 35%{-ms-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;} 70%{-ms-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e;} 100%{-ms-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e;}}
@-o-keyframes testim-scale{0%{-o-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee;} 35%{-o-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee;} 70%{-o-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e;} 100%{-o-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e;}}
@keyframes testim-scale{0%{box-shadow: 0px 0px 0px 0px #eee;} 35%{box-shadow: 0px 0px 10px 5px #eee;} 70%{box-shadow: 0px 0px 10px 5px #ea830e;} 100%{box-shadow: 0px 0px 0px 0px #ea830e;}}
@-webkit-keyframes testim-content-in{from{opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);} to{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@-moz-keyframes testim-content-in{from{opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%);} to{opacity: 1; -moz-transform: translateY(0); transform: translateY(0);}}
@-ms-keyframes testim-content-in{from{opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%);} to{opacity: 1; -ms-transform: translateY(0); transform: translateY(0);}}
@-o-keyframes testim-content-in{from{opacity: 0; -o-transform: translateY(100%); transform: translateY(100%);} to{opacity: 1; -o-transform: translateY(0); transform: translateY(0);}}
@keyframes testim-content-in{from{opacity: 0; transform: translateY(100%);} to{opacity: 1; transform: translateY(0);}}
@-webkit-keyframes testim-content-out{from{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} to{opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}}
@-moz-keyframes testim-content-out{from{opacity: 1; -moz-transform: translateY(0); transform: translateY(0);} to{opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%);}}
@-ms-keyframes testim-content-out{from{opacity: 1; -ms-transform: translateY(0); transform: translateY(0);} to{opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%);}}
@-o-keyframes testim-content-out{from{opacity: 1; -o-transform: translateY(0); transform: translateY(0);} to{opacity: 0; transform: translateY(-100%); transform: translateY(-100%);}}
@keyframes testim-content-out{from{opacity: 1; transform: translateY(0);} to{opacity: 0; transform: translateY(-100%);}}
@-webkit-keyframes testim-show{from{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}}
@-moz-keyframes testim-show{from{opacity: 0; -moz-transform: scale(0); transform: scale(0);} to{opacity: 1; -moz-transform: scale(1); transform: scale(1);}}
@-ms-keyframes testim-show{from{opacity: 0; -ms-transform: scale(0); transform: scale(0);} to{opacity: 1; -ms-transform: scale(1); transform: scale(1);}}
@-o-keyframes testim-show{from{opacity: 0; -o-transform: scale(0); transform: scale(0);} to{opacity: 1; -o-transform: scale(1); transform: scale(1);}}
@keyframes testim-show{from{opacity: 0; transform: scale(0);} to{opacity: 1; transform: scale(1);}}
@-webkit-keyframes testim-hide{from{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} to{opacity: 0; -webkit-transform: scale(0); transform: scale(0);}}
@-moz-keyframes testim-hide{from{opacity: 1; -moz-transform: scale(1); transform: scale(1);} to{opacity: 0; -moz-transform: scale(0); transform: scale(0);}}
@-ms-keyframes testim-hide{from{opacity: 1; -ms-transform: scale(1); transform: scale(1);} to{opacity: 0; -ms-transform: scale(0); transform: scale(0);}}
@-o-keyframes testim-hide{from{opacity: 1; -o-transform: scale(1); transform: scale(1);} to{opacity: 0; -o-transform: scale(0); transform: scale(0);}}
@keyframes testim-hide{from{opacity: 1; transform: scale(1);} to{opacity: 0; transform: scale(0);}}

.zj-sub li i { display:inline-block;width:56px;height:56px;line-height:52px;font-size:27px;text-align:center;color:#4D7EFF;overflow:hidden;background: url(../images/ico-zj3.png) no-repeat;overflow:hidden;margin:40px 0 10px;}
.zj-sub li+li i {background: url(../images/ico-zj.png) no-repeat;color:#fff;font-size:17px;}
.zj-sub li+li+li i {background: url(../images/ico-zj2.png) no-repeat;color:#4D7EFF;font-size:27px;line-height: 56px;}
.zj-sub li+li+li+li i {background: url(../images/ico-zj4.png) no-repeat;font-size:24px;}
.zj-sub li+li+li+li+li i {background: url(../images/ico-zj5.png) no-repeat;line-height: 60px;}
.zhuanti-items .study li:hover {color: #D4003D;}

.ft-carousel{position: relative;width:1400px;height:430px;overflow: hidden;}
.ft-carousel .carousel-inner{position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item{float: left;height: 100%;}
.ft-carousel .carousel-item img{width: 100%;}
.ft-carousel .carousel-indicators{position: absolute;left: 0;bottom:30px;width: 100%;text-align: center;font-size: 0;}
.ft-carousel .carousel-indicators span{display: inline-block;width:50px;height:4px;background:rgba(255,255,255,0.4);margin: 0 4px;cursor: pointer;}
.ft-carousel .carousel-indicators span.active{background:#fff;}
.ft-carousel .carousel-btn{position: absolute;top: 50%;width: 50px;height: 45px;margin-top: -25px;cursor: pointer;}
.ft-carousel .carousel-prev-btn{left: 0;background: url(../images/prev.png) no-repeat;}
.ft-carousel .carousel-next-btn{right: 0;background: url(../images/next.png) no-repeat;}

.footer-con .foot-links {float:right;width:auto;overflow:hidden;margin:5px 0 0 0px;}
.footer-con .foot-links h4{clear:both;margin-left:30px;margin-bottom:10px;font-weight:400;}
.footer-con .foot-links li{float:left;font-size: 14px;margin-left:30px;}
.footer-con .foot-links li a {color:#fff;}
  @media print {
            .header { display:none; }
            .footer { display:none; }
        }
		
.info_item .date {float:left;width:100%;color:#01924A;font-size:22px;height:23px;background:none;padding-left:0px;border-bottom:1px dashed #ddd; z-index:1;margin-bottom:25px;position:relative;}
.info_item .date em {position:absolute;top:5px;left:0;height:32px;line-height:32px;background:#fff;padding:0 20px 0 0px;z-index:9;overflow:hidden;}

.trading-items li.on cite {color:rgba(1,146,74,0.7);font-size:14px;}
.trading-items li.on em {font-size:12px;}

.p_focus {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);position: relative;}
.slider{position:relative;width:100%;height:392px;overflow:hidden;}
.slider img {width:100%;height:392px;}
.slider .slidesjs-nav{width:22px; height:36px; display:block; position:absolute; text-indent:-9999em; top:170px;z-index:100;}
.slidesjs-previous{background:url(../images/previous.png) no-repeat;left:0px}
.slidesjs-next{background:url(../images/next2.png) no-repeat;right:0px}
.slidesjs-previous:hover{background:url(../images/previous.png)}
.slidesjs-next:hover{background:url(../images/next2.png) no-repeat;}
.slidesjs-pagination{overflow:hidden;zoom:1;position:absolute;width:100px;height:8px;z-index:10;overflow:hidden; bottom:25px; right:0;}
.slidesjs-pagination-item{float:left;width:auto;height:8px;}
.slidesjs-pagination-item a{float:left;width:8px;height:8px;text-indent:-9999em;margin:0 0px 0 0;background:#fff;margin-right:8px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.slidesjs-pagination-item a.active{float:left;background:#F00;width:20px;}
.slider .title_bg{position:absolute;width:100%;height:60px;left:0;bottom:0px;z-index:1;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.slider .subtitle{position:absolute;width:100%;height:60px;left:0px;bottom:0px;z-index:2; text-align:left; padding-left:12px;}
.slider .subtitle h6{color:#ffffff;font-size:14px;height:60px;line-height:56px;overflow:hidden;}
.slider .subtitle h6 a{color:#ffffff;}
@media only screen and (max-width:428px) {
    .p_focus {width:100%;margin-bottom:15px;}
	.slider,.slider img{height:252px;}.slider .slidesjs-nav {top:90px;}
}
@media only screen and (max-width:768px) {
	.p_focus {width:100%;margin-bottom:15px;}
	.slider,.slider img{height:312px;}.slider .slidesjs-nav {top:130px;}
	}
@media only screen and (max-width:1099px) {
	.slider,.slider img{height:312px;}.slider .slidesjs-nav {top:130px;}
}